<template>
  <div class="select-search">
    <Input v-model="searchVal">
      <Select v-model="selectVal" slot="prepend" style="width: 80px">
        <Option v-for="(item, i) in opts" :key="i" :value="item.value">{{item.text}}</Option>
      </Select>
      <Button slot="append" icon="ios-search"></Button>
    </Input>
  </div>
</template>

<script>
  export default {
    props: {
      opts: {
        type: Array,
        default: ()=>[],
      }
    },
    data() {
      return {
        selectVal: '',
        searchVal: ''
      }
    },
    mounted() {
    },
    computed: {
    },
    watch: {
    }
  }
</script>
